<template>
  <div class="pt-20">
    <div class="w100 h-50 br-12 bgff rowsb rowsm pl-16 pr-16 mb-16">
        <div class="fs-14 col333">姓名</div>
        <el-input v-model="userInfo.name" disabled placeholder="请输入" class="w-400 input"></el-input>
    </div>

    <div class="w100 h-50 br-12 bgff rowsb rowsm pl-16 pr-16 mb-16">
        <div class="fs-14 col333">手机号</div>
        <el-input v-model="userInfo.phone" maxlength="11" disabled placeholder="请输入" class="w-400 input"></el-input>
    </div>

    <div class="w100 h-50 br-12 bgff rowsb rowsm pl-16 pr-16 mb-16">
        <div class="fs-14 col333">学校</div>
        <el-input v-model="userInfo.xxName" placeholder="请输入" disabled class="w-400 input"></el-input>
    </div>

    <!-- <div class="w100 h-50 br-12 bgff rowsb rowsm pl-16 pr-16 mb-16">
        <div class="fs-14 col333">学号</div>
        <el-input v-model="userInfo.xyName" placeholder="请输入" disabled class="w-400 input"></el-input>
    </div> -->

    <div class="w100 h-50 br-12 bgff rowsb rowsm pl-16 pr-16 mb-16">
        <div class="fs-14 col333">学院</div>
        <el-input v-model="userInfo.xyName" placeholder="请输入" disabled class="w-400 input"></el-input>
    </div>

    <div class="w100 h-50 br-12 bgff rowsb rowsm pl-16 pr-16 mb-16">
        <div class="fs-14 col333">专业</div>
        <el-input v-model="userInfo.zyName" placeholder="请输入" disabled class="w-400 input"></el-input>
    </div>

    <div class="w100 h-50 br-12 bgff rowsb rowsm pl-16 pr-16 mb-16">
        <div class="fs-14 col333">年级</div>
        <el-input v-model="userInfo.njName" placeholder="请输入" disabled class="w-400 input"></el-input>
    </div>

    <div class="w100 h-50 br-12 bgff rowsb rowsm pl-16 pr-16 mb-60">
        <div class="fs-14 col333">班级</div>
        <el-input v-model="userInfo.bjName" placeholder="请输入" disabled class="w-400 input"></el-input>
    </div>


    <!-- <div class="w100 rowsc rowsm">
        <div class="w-300 h-40 br-20 rowsc rowsm colfff fs-14 fw-b" style="background-color: #E33636;box-shadow: 0 0 3px 1px rgba(212,212,212,.11);">确定</div>
    </div> -->
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      userInfo:{},
      img:''
    };
  },
  watch: {},
  computed: {},
  methods: {
    getUserInfo(){
      this.$axios.post('prouser/getById',{}).then(res => {
        if(res.data.code != 200) return this.$notify({
          title: '提示',
          message: res.data.msg
        });
        let {data} = res.data
        this.userInfo = data
          this.img = data.userImage
      })
      }
  },
  created() {
    this.getUserInfo()
  },
  mounted() {}
};
</script>
<style lang="scss" scoped>
  .input /deep/ .el-input__inner  {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font-size: 14px;
    text-align: right;
  }
</style>